<template>
    <div class="dataManage">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="能耗数据" name="first">
                <Nenghao />
            </el-tab-pane>
            <el-tab-pane label="预付费数据" name="second">
                <Prepayment />

            </el-tab-pane>
            <el-tab-pane label="配置数据" name="third">
                <Disposition />
               </el-tab-pane>
            <el-tab-pane label="账单数据" name="fourth">
                <Check />
            </el-tab-pane>

        </el-tabs>
    </div>
</template>
<script>
import Nenghao from './dataManage/Nenghao.vue'
import Prepayment from './dataManage/Prepayment1.vue'
import Disposition from './dataManage/Disposition2.vue'
import Check from './dataManage/Check.vue'
export default {
    name: 'dataManage',
    data() {
        return {
            activeName: 'first',
            formInline: {
                user: '',
                region: '',
                date1: '',
                date2: '',
            },
        };
    },
    components: { Nenghao, Prepayment, Disposition,Check},

    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        },
    }
};
</script>

